<template>
	<view>
		<TopBar :indexflag="true" :combakflag="true" :lang="false" :bottom="true" :title="$t('MyComment')"
			barstyle="#45bc1b" Color="#fff"></TopBar>
		<view class="revwnue">
			<view class="all">
				<view class="left">
					<u-icon name="chat-fill" color="#45BC1B" size="38"></u-icon>
					<text>总评论数</text>
				</view>
				<view class="right">250</view>
			</view>
			<view class="item-order">
				<view class="item" v-for="(item,index) in commentList" :style="{border:index==0?'none':''}">
					<view class="left">
						<view class="name">客户{{item.name}}</view>
						<view class="content">{{item.content}}</view>
					</view>
					<view class="right">
						<view class="time">{{item.time}}</view>
					</view>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	import TopBar from "@/components/TopBar.vue"
	export default {
		components: {
			TopBar
		},
		data() {
			return {
				commentList: [{
						name: '6434',
						time: '2023.12.23 12:37:29',
						content: '蔬菜质量不好'
					},
					{
						name: '54343',
						time: '2023.12.23 12:37:29',
						content: '水果质量非常好'
					}
				]
			};
		}
	}
</script>

<style lang="scss">
	.revwnue {
		width: 100%;
		padding: $uni-spacing-padding-sm;
		box-sizing: border-box;

		.all {
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: $uni-spacing-padding-sm;
			box-sizing: border-box;
			border-radius: $uni-border-radius-lg;
			margin-top: $uni-spacing-margin-sm;
			background-color: $uni-text-color-inverse;
			box-shadow: $uni-bg-shadow;

			.left {
				font-size: $uni-font-size-lg;
				display: flex;
				align-items: center;

				text {
					padding: 0rpx 10rpx
				}
			}

			.right {
				color: $uni-color-topic;
				font-size: $uni-font-size-base;
			}
		}

		.item-order {
			width: 100%;
			border-radius: $uni-border-radius-lg;
			margin-top: $uni-spacing-margin-sm;
			background-color: $uni-text-color-inverse;
			box-shadow: $uni-bg-shadow;

			.item {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: $uni-spacing-padding-sm;
				box-sizing: border-box;
				border-top: 1rpx solid $uni-border-color;

				.left {
					font-size: $uni-font-size-lg;
					display: flex;
					flex-direction: column;
					
					.name {
						padding: 10rpx 0rpx;
					}
					.content{
					
					}

					
				}

				.right {
					.time {
						color: $uni-text-color-grey;
						font-size: $uni-font-size-base;
					}
				}
			}
		}


	}
</style>